<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="ThemeFuse" />
<meta name="keywords" content="" />

<title>scream - 搜索结果</title>
<link href='http://fonts.googleapis.com/css?family=Lato:400italic,400,700|Bitter' rel='stylesheet' type='text/css' />
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
<link href="styles/orange-blue.css" media="screen" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>

<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="js/slides.min.jquery.js"></script>

<link href="css/cusel.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cusel-min.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		var params = {
			changedEl: ".select_styled",
			visRows: 15,
			scrollArrows: true
		}
		cuSel(params);
	});
</script>
<script type="text/javascript" src="js/jquery.dependClass.js"></script>
<script type="text/javascript" src="js/jquery.slider-min.js"></script>
<link href="css/jslider.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="images/skins/tango/skin.css" />


<link href="css/customInput.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.customInput.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.input_styled input').customInput();
	});
</script>

<script type="text/javascript" src="js/jquery.qtip.min.js"></script>
<link href="css/jquery.qtip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.tooltip[title]').qtip({
			position: {
				my: 'bottom center',
				at: 'top center',
				adjust: {y: -1 }
			},
			style: {
				classes: 'ui-tooltip-dark ui-tooltip-rounded'
			}
		});
	});
</script>

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie.css><![endif]-->
<link href="custom.css" media="screen" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>
<div class="body_wrap">

<div class="header" style="background-image:url(images/header_default.jpg);">
<div class="header_inner">
	<div class="container_12">

	<div class="header_top">
    
        <div class="logo">
        <a href="index.html"><img src="images/logo.png" alt="" /></a>
        <strong>scream - 房地产</strong>
        </div>
        
        <div class="topmenu">
            <ul class="dropdown">
                <li class="menu-item-home"><a href="index.html"><span>主页</span></a></li>
                <li><a href="properties-list.html"><span>房源</span></a></li>
                <li><a href="search.html"><span>搜索</span></a></li>
                <li><a href="contact.html"><span>联系</span></a></li>
                <li><a href="analyse.html"><span>分析</span></a></li>
            </ul>
        </div>
        
        <div class="header_phone">
        	<span>三峡大学</span></br>
			<span>Scream团队</span>
        </div>
        <div class="clear"></div>
    </div>
    <div class="header_bot">
        <div class="search_main search_open">
            <form action="#" method="post" class="form_search" />
            
        	<div class="search_col_1">            
	        	<p class="search_title"><strong>搜索:</strong></p>
                
                <div class="row">
                <label class="label_title">高级:</label>
                	<div class="on-off"><a href="javascript:void(0)" id="search_advanced">开 &nbsp; &nbsp;&nbsp; &nbsp; 关</a></div>
                </div>
            </div>
            <div class="search_col_2">
            	<div class="row rowInput">
                	<label class="label_title">城市/城镇:</label>
                    <input type="text" name="location" value="" />
                </div>
                <div class="row rangeField">
                	<label class="label_title">价格范围:</label>
                	<div class="range-slider">
                    <input id="price_range" type="text" name="price_range" value="200000;750000" />
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="row selectField rowHide">
                	<label class="label_title">房间数目:</label>
                    	<select class="select_styled" name="search_no_beds" id="search_no_beds" title="Beds">
                                <option value="1" />至少1室
                                <option value="2" />至少2室
                                <option value="3" />至少3室
                                <option value="4" />至少4室
                                <option value="other" />5+室
                        </select>
                    <label class="label_title">卫生间数目:</label>    
                        <select class="select_styled" name="search_no_baths" id="search_no_baths" title="Baths">
                        		<option value="1" />至少1卫
                                <option value="2" />至少2卫
                                <option value="3" />至少3卫
                                <option value="4" />至少4卫
                                <option value="other" />5+卫
                        </select>
                </div>
                
                <div class="row rangeField rowHide">
                	<label class="label_title">平方英尺:</label>
                    
                	<div class="range-slider">
                    <input id="square_range" type="text" name="square_range" value="1500;4000" />
                    </div>
                    
                    <div class="clear"></div>
                </div>
                
			</div>
            <div class="search_col_3">
                <div class="row form_switch">                   
                    <div class="switch switch_off">
                        <label for="switch1" class="cb-enable"><span>售房</span></label>
                        <label for="switch2" class="cb-disable selected"><span>租房</span></label>
                        <input type="radio" id="switch1" name="field" />
                        <input type="radio" id="switch2" name="field" checked="" />
                    </div>
                </div>    
                
                <div class="row submitField">
                	<input type="submit" value="Search" id="search_submit" class="btn_search" />
                </div>  
	        	
            </div>
            </form>
            <script type="text/javascript">
					jQuery(document).ready(function($) {					
								
						// Price Range Input
						$("#price_range").slider({ 
					  			from: 0,
								to: 3000000,
								scale: [0, '|', '250k', '|', '500k', '|', '750k', '|', '1,25Mil', '|', '2Mil', '|', '>3Mil'],
								heterogeneity: ['50/750000','75/1500000'],
								limits: false, 
								step: 1000,
								smooth: true,
								dimension: '&nbsp;$',
								skin: "round_gold"
						});							
						// Square Range Input
						$("#square_range").slider({ 
					  			from: 0,
								to: 10000,
								scale: ['0','1000','2000','3000','5000','7500','>10000'],
								heterogeneity: ['50/3000'],
								limits: false, 
								step: 100,
								smooth: true,								
								skin: "round_gold"
						});	
						
						// Search Advanced
						$(".search_main").css({'overflow':'inherit'});
						if (!$(".search_main").hasClass("search_open")) {
							$(".search_main .rowHide").hide();
						}						
						$("#search_advanced").click(function(){								
							if ($(this).closest(".search_main").hasClass("search_open")) {
								$(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height:'155px'},{queue:false, duration:350, easing: 'easeInQuad'});								
								$(".search_main .rowHide").slideUp(300);
							} else {
								$(".search_main, .search_col_1, .search_col_2, .search_col_3").stop().animate({height:'300px'},{queue:false, duration:350, easing: 'easeOutQuad'});								
								$(".search_main .rowHide").slideDown(300);
							}
							$(this).closest(".search_main").toggleClass("search_open");							
						});	
						
						// Switch Type	
						$(".cb-enable").click(function(){
								var parent = $(this).parents('.switch');
								$(parent).removeClass('switch_off');								
								$('.cb-disable',parent).removeClass('selected');
								$(this).addClass('selected');
								
							});
						$(".cb-disable").click(function(){
								var parent = $(this).parents('.switch');
								$(parent).addClass('switch_off');
								$('.cb-enable',parent).removeClass('selected');
								$(this).addClass('selected');
								
						});					
						
					});
				</script>        
        </div>    
    
    	    	
		        
    </div>
    
    <div class="clear"></div>
    </div>
</div>
</div>
<!--/ header -->

<!-- carousel before content -->
<div class="before_content">
	<div class="container_12">
    	<strong class="carusel_title">精品楼盘</strong>
        
        	<div class="carusel_list carusel_small">
				<ul id="latest_properties" class="jcarousel-skin-tango">					
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_01.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">3 室, 2 卫, 295,000元</a></div>
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_02.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">6 室, 3 卫, 655,000元</a></div>                       
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_03.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">1 室, 1 卫, 139,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_04.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">1 室, 1 卫, 1,249,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_07.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">3 室, 2 卫, 1,180,000元</a></div> 
                    </li>
                    <li>
                        <div class="item_image"><a href="properties-details.html"><img src="images/temp/property_06.jpg" width="218" height="125" alt="" /></a></div>
                        <div class="item_name"><a href="properties-details.html">3 室, 2 卫, 295,000元</a></div> 
                    </li>                    
                </ul>
			</div>

			<script type="text/javascript">
                jQuery(document).ready(function($) {
                    $('#latest_properties').jcarousel({
                        easing: 'easeOutBack',
                        animation: 600, 
						scroll: 1
                        });
                    });
            </script>
   		
  </div>
</div>
<!--/ carousel before content -->

<div class="middle">
<div class="container_12">
	
    <!-- content -->
    <div class="grid_8 content">
    	
        <div class="title_small">
        <h1>搜寻结果  <span>(398提供)</span></h1>
    	</div>
        
        <!-- sorting, pages -->
        <div class="block_hr list_manage">
        	<div class="inner">
                	<form action="#" method="post" class="form_sort" />
		            	<span class="manage_title">排序方式:</span>
							<select class="select_styled white_select" name="sort_list" id="sort_list">
		                    	<option value="1" />最新添加的
								<option value="2" selected="" />价格高-低
		                        <option value="3" />价格低-高
		                    </select>
		            </form>    
		            
		            <div class="pages_jump">
		            	<span class="manage_title">跳转到页面:</span>
		                <form action="#" method="post" />
		                	<input type="text" name="jumptopage" value="15" class="inputSmall" /><input type="submit" class="btn-arrow" value="Go" />
		                </form>
		            </div>
		            
		            <div class="pages">
		            	<span class="manage_title">页: &nbsp;<strong>1 of 25</strong></span> <span class="link_prev">上一页</span><a href="#" class="link_next">下一页</a>
		            </div> 
                    
                    <div class="clear"></div>
        	</div>	
        </div>
        <!--/ sorting, pages -->
        
        <!-- real estate list -->
        <div class="re-list">
        
            <div class="re-item">        	
                <div class="re-image"><a href="properties-details.html"><img src="images/temp/property_10.jpg" alt="" width="218" height="125" /></a></div>
                <div class="re-short">            	
                    <div class="re-top">
                        <h2><a href="properties-details.html">夷陵 － 东湖大道20号</a></h2>
                        <span class="re-price">189,000元</span>
                    </div>                
                    <div class="re-descr">
                        <p>内容</p>
                    </div>                
                    <div class="re-bot">
                    <a href="#" class="link-more">查看详细信息</a>
                    <a href="#" class="link-viewmap tooltip" title="View on Map">地图中查看</a> <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="#" class="link-viewimages tooltip" title="View Images">查看图像</a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            
          <div class="re-item">        	
                <div class="re-image"><a href="properties-details.html"><img src="images/temp/property_09.jpg" alt="" width="218" height="125" /></a></div>
                <div class="re-short">            	
                    <div class="re-top">
                        <h2><a href="properties-details.html">宜化绿洲新城(猇亭) - 金岭路</a></h2>
                        <span class="re-price">1,519,000元</span>
                    </div>                
                    <div class="re-descr">
                        <p>内容</p>
                    </div>                
                    <div class="re-bot">
                    <a href="#" class="link-more">查看详细信息</a>
                    <a href="#" class="link-viewmap tooltip" title="View on Map">地图中查看</a> <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="#" class="link-viewimages tooltip" title="View Images">查看图像</a>
                    </div>
                </div>
                <div class="clear"></div>
          </div>
          
          <div class="re-item">        	
                <div class="re-image"><a href="properties-details.html"><img src="images/temp/property_05.jpg" alt="" width="218" height="125" /></a></div>
                <div class="re-short">            	
                    <div class="re-top">
                        <h2><a href="properties-details.html">半仙山云庭 - CBD</a></h2>
                        <span class="re-price">929,900元</span>
                    </div>                
                    <div class="re-descr">
                        <p>内容</p>
                    </div>                
                    <div class="re-bot">
                    <a href="#" class="link-more">查看详细信息</a>
                    <a href="#" class="link-viewmap tooltip" title="View on Map">地图中查看</a> <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="#" class="link-viewimages tooltip" title="View Images">查看图像</a>
                    </div>
                </div>
                <div class="clear"></div>
          </div>
          
          <div class="re-item">        	
                <div class="re-image"><a href="properties-details.html"><img src="images/temp/property_11.jpg" alt="" width="218" height="125" /></a></div>
                <div class="re-short">            	
                    <div class="re-top">
                        <h2><a href="properties-details.html">伍家岗 － 合益路延伸段88号</a></h2>
                        <span class="re-price">687,200元</span>
                    </div>                
                    <div class="re-descr">
                        <p>内容</p>
                    </div>                
                    <div class="re-bot">
                    <a href="#" class="link-more">查看详细信息</a>
                    <a href="#" class="link-viewmap tooltip" title="View on Map">地图中查看</a> <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="#" class="link-viewimages tooltip" title="View Images">查看图像</a>
                    </div>
                </div>
                <div class="clear"></div>
          </div>
          
          <div class="re-item">        	
                <div class="re-image"><a href="properties-details.html"><img src="images/temp/property_03.jpg" alt="" width="218" height="125" /></a></div>
                <div class="re-short">            	
                    <div class="re-top">
                        <h2><a href="properties-details.html">伍家岗 － 沿江大道218号</a></h2>
                        <span class="re-price">4,882,500元</span>
                    </div>                
                    <div class="re-descr">
                        <p>内容</p>
                    </div>                
                    <div class="re-bot">
                    <a href="#" class="link-more">查看详细信息</a>
                    <a href="#" class="link-viewmap tooltip" title="View on Map">地图中查看</a> <a href="#" class="link-save tooltip" title="Save Offer">保存提供</a> <a href="#" class="link-viewimages tooltip" title="View Images">查看图像</a>
                    </div>
                </div>
                <div class="clear"></div>
          </div>
        
        </div>
        <!--/ real estate list -->
        
        
        <!-- sorting, pages -->
        <div class="block_hr list_manage">
        	<div class="inner">
                	<form action="#" method="post" class="form_sort" />
		            	<span class="manage_title">排序方式:</span>
							<select class="select_styled white_select" name="sort_list2" id="sort_list2">
		                    	<option value="1" />最新添加的
								<option value="2" selected="" />价格高-低
		                        <option value="3" />价格低-高
	
		                    </select>
		            </form>    
		            
		            <div class="pages_jump">
		            	<span class="manage_title">跳转到页面:</span>
		                <form action="#" method="post" />
		                	<input type="text" name="jumptopage" value="15" class="inputSmall" /><input type="submit" class="btn-arrow" value="Go" />
		                </form>
		            </div>
		            
		            <div class="pages">
		            	<span class="manage_title">页: &nbsp;<strong>1 of 25</strong></span> <span class="link_prev">上一页</span><a href="#" class="link_next">下一页</a>
		            </div> 
                    
                    <div class="clear"></div>
        	</div>	
        </div>
        <!--/ sorting, pages -->
        
       
        
    </div>
    <!--/ content -->
    
    <!-- sidebar -->
    <div class="grid_4 sidebar">
    	
        <!-- filter -->
        <div class="widget-container widget_adv_filter">
			<h3 class="widget-title">筛选结果</h3>
				
            	<form action="#" method="get" class="form_white" />
                
                	<div class="row">
                    	<label class="label_title">地点:</label>
                        <input type="text" name="location" value="" class="inputField" />
                    </div>
                    
                    <div class="row input_styled">
                    	<label class="label_title">价格(元):</label>
                        <input type="text" name="price_from" id="price_from" value="min" class="inputField inputSmall" onfocus="if (this.value == 'min') {this.value = '';}" onblur="if (this.value == '') {this.value = 'min';}" /> &nbsp;&nbsp;&nbsp;
                        <input type="text" name="price_to" id="price_to" value="max" class="inputField inputSmall" onfocus="if (this.value == 'max') {this.value = '';}" onblur="if (this.value == '') {this.value = 'max';}" />
                    </div>
                    
                    <div class="row input_styled checklist">
                    	<label class="label_title">卧室:</label>
                        <input type="checkbox" name="filter_beds_1" id="filter_beds_1" value="1" /> <label for="filter_beds_1">1 </label>
                        <input type="checkbox" name="filter_beds_2" id="filter_beds_2" value="2" /> <label for="filter_beds_2">2 </label>
                        <input type="checkbox" name="filter_beds_3" id="filter_beds_3" value="3" /> <label for="filter_beds_3">3 </label>
                        <input type="checkbox" name="filter_beds_4" id="filter_beds_4" value="4" /> <label for="filter_beds_4">4+ </label>
                    </div>
                    
                    <div class="row input_styled checklist">
                    	<label class="label_title">面积:</label>
                        <input type="checkbox" name="filter_square_1" id="filter_square_1" value="1000" /> <label for="filter_square_1">1000 </label>
                        <input type="checkbox" name="filter_square_2" id="filter_square_2" value="1500" /> <label for="filter_square_2">1500 </label>
                        <input type="checkbox" name="filter_square_3" id="filter_square_3" value="2000" /> <label for="filter_square_3">2000 </label>
                        <input type="checkbox" name="filter_square_4" id="filter_square_4" value="2500" /> <label for="filter_square_4">2500+ </label>
                    </div>
                    
                    <div class="row inputlist">
                    	<label class="label_title">地区:</label>
                        <div class="custom-input addField_remove"><input type="text" name="district_1" value="北京市" /><span id="rem_district_1"></span></div>
                        <div class="custom-input addField_remove"><input type="text" name="district_2" value="上海市" /><span id="rem_district_2"></span></div>
                        <div class="custom-input addField_remove"><input type="text" name="district_3" value="广州市" /><span id="rem_district_3"></span></div>
                        <div class="custom-input addField_add"><input type="text" name="district_4" class="addField" value="添加新市" onfocus="if (this.value == 'Add NEW Zone') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Add NEW Zone';}" /><span id="add_district_4"></span></div>
                    </div>
                    
                    <div class="row rowSubmit">
                    	<input type="submit" value="FILTER RESULTS" class="btn-submit" />
                    </div>
                    
                </form>            
		</div>
        <!--/ filter -->
        
    </div>
    <!--/ sidebar -->
    <div class="clear"></div>
</div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
